<template>
	<div id="app">
		<!-- <router-link to="/"></router-link> -->
		<router-view></router-view>
	</div>
</template>

<script>

	import Login from "./page/Login.vue"

	export default {
		name: 'app',
		components: {
			Login
		},
		created() {
			// 重定向到 /login 页面
			this.$router.push('/Login');
		}
	}
</script>
<style>
/* 全局重置样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f5f5f5;
}

/* 让 router-view 里面的页面占满整个窗口 */
#app {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.router-view {
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>
